<?php
include_once "config.php";
 ?>
<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="no-js ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]--><head>
  <meta charset="utf-8">

  <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
       Remove this if you use the .htaccess -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>♫班固咪娘配音大赛♪</title>
  <meta name="description" content="Win a Bangumi-Tan Figure!">
  <meta name="author" content="treehole">

  <!-- Mobile viewport optimized: j.mp/bplateviewport -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
  <link rel="shortcut icon" href="/favicon.png">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png">


  <!-- CSS: implied media="all" -->
  <link rel="stylesheet" href="css/style.css?v=2">

  <!-- Uncomment if you are specifically targeting less enabled mobile browsers
  <link rel="stylesheet" media="handheld" href="css/handheld.css?v=2">  -->

  <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
  <script src="js/libs/modernizr-1.7.min.js"></script>

</head>

<body>

  <div id="container">
    <header>
    <div id="debug"><span></span></div>
	<div id="me" class="circle"></div>
    <div id="everyone" class="circle"></div>
    </header>
    <div id="main" role="main">
    <?php
	if( !isset($_COOKIE[$th_username]) && empty($_COOKIE[$th_username]) ) {
		
	 ?>
        <div id="login" >
        <p><input type="text" id="username"  maxlength="16"/></p>
        <p><input type="password" id="password" maxlength="30" /></p>
        <p><div id="login_submit"></div></p>
        
        
        </div>




    
    <?php
	}else{ ?>


     	<div id="upload">
        <div id="dropzone">
            <form id="upload_form" enctype="multipart/form-data" method="post" action="Upload.aspx">
                <div class="row">
                  <input type="file" name="file" id="file"/>
                </div>
                <div class="row">
                  <input type="button" onclick="uploadFile()" value="Upload"  class="hidden"/>
                </div>
                <div id="progressNumber"></div>
            </form>
        </div>
    </div>
    	<?php	}
	
	 ?>
    
    
    </div>
    <footer>

    </footer>
  </div> <!--! end of #container -->


  <!-- JavaScript at the bottom for fast page loading -->

  <!-- Call local Libs -->
  <script src="js/libs/jquery-1.6.2.min.js"></script>

	


  <!-- Scripts concatenated and minified via ant build script-->
  <script src="js/plugins.js"></script>
  <script src="js/script.js"></script>
  <!-- end scripts-->


  <!--[if lt IE 7 ]>
    <script src="js/libs/dd_belatedpng.js"></script>
    <script>DD_belatedPNG.fix("img, .png_bg"); // Fix any <img> or .png_bg bg-images. Also, please read goo.gl/mZiyb </script>
  <![endif]-->


  <!-- mathiasbynens.be/notes/async-analytics-snippet Change UA-XXXXX-X to be your site's ID -->
  <script>

  </script>

</body>
</html>